<center>
    <br/>
    <br/>
    <div ng-show="!currentCardHolder.authenticated">
        <font face="verdana,arial" size=-1>
            <table cellpadding='2' cellspacing='0' border='0' id='ap_table'>
                <tr>
                    <td bgcolor="red">
                        <table width='100%'>
                            <tr><td bgcolor="#880000" align=center <b><font size=-1 color="white" face="verdana,arial"><b>Access Denied</b></font></td></tr>
                             <tr><td bgcolor="white" style="padding:5"><br>
                                <div style="font-size: 12px"> Please Login to see your Visualization </div>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
            </table>
          </font>

    </div>
    

</center>
<div ng-show="currentCardHolder.authenticated">
 <div visualdata={{visualdata}} ng-controller="VisualCtrl">
        <center><h4 class="title_text">Monthly Budget</h4></center>
	        <div class="piecharts" id="pieChartNode"></div>


	<br><br>
     <center><h4 class="title_text">Last 7 days Spending Activity</h4></center>
     <div class="barcharts" id="barChartNode"></div>


 </div>
  </div>

